<template>

  <div style="display: flex; justify-content: center; align-items: center; flex-wrap: wrap">
    <el-image
        :src="imageShow.imageUrl"  style="width: 70px; height: 70px; border-radius: 50%;">
    </el-image>
    <p v-if="imageShow.showUnder === 'yes'"> {{ imageShow.test }}</p>
  </div>
</template>

<script setup lang="ts">

import {ref} from "vue";

let props = defineProps({
  text: String,
  ext1: String,
  showUnder: String
})
/**
 * 初始化动态
 */
let imageShow = ref({
  test: props.text,
  imageUrl: props.ext1,
  showUnder: props.showUnder,
})

console.log('imageShow.value23wsddsfasdf',imageShow.value)

</script>


<style scoped lang="scss">

</style>